<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title></title>

    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/iconfont.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/public.js"></script>
    <script src="/js/js.js"></script>
    <script src="/js/vedio.js"></script>
    <script src="/js/bookdetail.js"></script>
    <script type="text/javascript">
        $(function () {
            new Media(document.getElementById("mVedio"));
        });
    </script>
</head>
<body>
<div class="container">
    <input type="hidden" id="hiID" value="{{$entBookInfo->BookID}}" name="hiID">
    <!--    <div class="container" style="margin-bottom: 0;">
            <div class="span8 demo-video">
                <video class="video-js" controls preload="auto" width="620" height="256" poster="images/video/poster.jpg" data-setup="{}">
                    <source src="vedio/vedio.mp4" type='video/mp4'/>
                    &lt;!&ndash; <source src="http://sc.chinaz.com/oceans-clip.webm" type='video/webm'/> &ndash;&gt;
                </video>
            </div>
        </div>-->
    <!-- <div class="video-box">
         <video width="100%" height="auto" controls>
             <source src="vedio/vedio.mp4" type="video/mp4">
         </video>
         &lt;!&ndash;<img src="images/vedio-play.jpg" alt="">&ndash;&gt;
     </div>-->

    <div class="vedio-box">
        <div class="vedio">
            <video poster="/images/video-poster.jpg" id="mVedio" style="display: block;  " width="100%" height="auto">
                <source src="{{$entBookInfo->FilePath2}}" type="video/mp4">
            </video>
            <!--<div id="restar" class="restar-con">
                <div id="restarNow" class="restar">
                    <img class="restar-img" src="images/restar.png" alt="">
                    <p>重新观看</p>
                </div>
                <span class="buwei"></span>
            </div>-->
        </div>
        <div class="controller-box clearfix">
            <!--<div id="progressBar" class="progress-bar vedio-progress-bar">
                <p id="cache" class="cache"></p>
                    <p class="progress" id="progress"><span class="progress-ctr"></span></p>
            </div>-->
            <div class="contro-l">
                <!-- <span id="vedioPlay" class="veido-play"></span>-->
                <p>
                    当前已播放：<span id="currentTime" class="current-time">00:00</span>
                    <!--<span id="durationTime" class="duration-time">/&#45;&#45;:&#45;&#45;</span>-->
                </p>
            </div>

            <div class="contro-r">
                <!--<div id="ctrAudio" class="contro-audio">
                    <span id="sound" class="sound"></span>
                    <div id="audioAll" class="audio-all">
                        <p id="audioCurrent" class="audio-now">
                            <span class="audio-max"></span>
                        </p>
                    </div>
                </div>-->
                <span id="fullScreen" class="full-screen">

                </span>
                @if($coll>1)
                    <input type="button" class="vedio-collect act" id="collect" name="collect">
                @else
                    <input type="button" class="vedio-collect" id="collect" name="collect">
                @endif

            </div>
        </div>
    </div>
    <!--<input type="button" id="btn" value="点我">-->
    @if(count($entBookImg)>0)
        <div class="part-title other-title">
            <h3><span>代读PPT</span></h3>
        </div>
        <div class="mwrap ppt-wrap">
            <div class="ppt-box">
                <ul class="ppt-lists">

                    @foreach($entBookImg as $dataImg)
                        <li><img src="{{$dataImg->FilePath1}}" alt=""></li>
                    @endforeach

                </ul>
            </div>
            <div class="ppt-box" id="ppt-position">
                <ul id="pptDetail" class="ppt-detail-lsits">

                    @foreach($entBookImg as $datadImg)
                        <li><img src="{{$datadImg->FilePath1}}" alt=""></li>
                    @endforeach

                </ul>
            </div>
        </div>
    @endif
    <div class="part-title other-title">
        <h3><span>《{{$entBookInfo->BookTitle}}》读书改进计划</span></h3>
    </div>


    <div class="read-after wrap">
        <div class="read-after-title">
            <span>读书</span>
        </div>
        <div class="sub-text">
            <textarea name="txtBookReview1" placeholder="通过这次代读对你最有启发的知识点是？" id="txtBookReview1" cols="30"
                      rows="5">@if(count($entBookSumUp)>0)<?php echo html_entity_decode($entBookSumUp->BookReview1); ?>@endif</textarea>
        </div>
        <p class="sub-text-numb">500字以内</p>
    </div>
    <div class="read-after wrap">
        <div class="read-after-title">
            <span>读事</span>
        </div>
        <div class="sub-text">
            <textarea name="txtBookReview2" id="txtBookReview2" placeholder="通过你个人的改变会改变你工作上的事情是？" cols="30"
                      rows="5">@if(count($entBookSumUp)>0)<?php echo html_entity_decode($entBookSumUp->BookReview2); ?>@endif</textarea>
        </div>
        <p class="sub-text-numb">500字以内</p>
    </div>
    <div class="read-after wrap">
        <div class="read-after-title">
            <span>读人</span>
        </div>
        <div class="sub-text">
            <textarea name="txtBookReview3" id="txtBookReview3" placeholder="你通过这个知识点对你个人将改变的是？" cols="30"
                      rows="5">@if(count($entBookSumUp)>0)<?php echo html_entity_decode($entBookSumUp->BookReview3); ?>@endif</textarea>
        </div>
        <p class="sub-text-numb">500字以内</p>
    </div>
    <div class="read-after wrap">
        <div class="read-after-title">
            <span>赠礼物</span>
        </div>
        <div class="sub-text">
            <textarea name="txtBookReview4" id="txtBookReview4" placeholder="你给公司建设性建议是？" cols="30"
                      rows="5">@if(count($entBookSumUp)>0)<?php echo html_entity_decode($entBookSumUp->BookReview4); ?>@endif</textarea>
        </div>
        <p class="sub-text-numb">500字以内</p>
    </div>
    <div class="save-read-after">
        <input id="btnBookReview" name="btnBookReview" type="button" class="mbtn mbtn-sure" value="保存">
    </div>

    <!--底部-->
    {{--@include('controller.footer')--}}
</div>
<script type="text/javascript">
    $(function () {
        getTouch();
    })
</script>
</body>
</html>